.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
.G_header{
    width:100%;
    height:1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: .36rem;
    color: #000;
    border-bottom:1px solid #ebebeb;
    li:nth-child(1){
        width: 2.2rem;
        height:.7rem;
        margin-left:-.34rem;
        img{
            width: 100%;
            height: 100%;
        }
    }
    li:nth-child(3){
        display: flex;    
        margin-right:-.38rem;
        a{
            display: flex;
            flex-direction: column;            
            color: #999;
            span{
                font-size:.22rem;
                margin-top:.1rem;
            }
            .svg{
                font-size:.45rem;
            }           
        }
        a:nth-child(2){
            margin-left:.45rem;
        }
    }
}
.D_article{
    width: 100%;
    ul{
        margin-left:.15rem;
        margin-top: .36rem;
        li{
            margin-bottom:.3rem;
            color:#000;
        }
        li:nth-child(1){
            font-size:.28rem; 
            display: flex; 
            align-items: center;         
                span{ 
                    display: block;
                    width:1.25rem;
                    height:.3rem;
                    background:#39c893;
                    color: white;
                    text-align: center;
                    line-height:.3rem;
                    border-radius:.1rem;
                    font-size:.26rem;
                    margin-left:.23rem;
                 }
        }
        li:nth-child(2){
            display: flex;
            font-size:.24rem;
            span{
                color:#999;
                margin-left:.15rem;
                margin-right:.66rem;
            }
        }
        li:nth-child(3){
            font-size:.24rem;
            span{
                color:#999;
                margin-left:.15rem;
            }
        }
    }
    .ul_btn{
        display: flex;
        justify-content: center;
        li{
            width:3.55rem;
            height:.7rem;
            border:1px solid #999;           
            font-size:.36rem; 
            display: flex;
            justify-content: center;
            align-items: center;          
        }
        li:nth-child(1){
             color:#1b9bf5;
            .svg{
                font-size:.3rem;
                color:#1b9bf5;
                margin-right:.2rem;
            }
        }
        li:nth-child(2){
             color:#70d5ae;
             font-size:.3rem;
            .svg{
                font-size:.33rem;
                color:#70d5ae;
                 margin-right:.2rem;
            }
        }
    }
}
.D_section{
    width: 100%;
    background:#f4f4f4;
    height:19.5rem;
    padding-top:.36rem;
    .stylist{
        display: flex;
        justify-content:flex-start;
        font-size:.28rem;
        color: #000;       
        margin-left:.18rem;
        margin-bottom:.36rem;
        li:nth-child(1){
            width:45%;
            span{
             a{
                color:#00BF99;
                margin-left:.17rem;
             }
            }
        }
    }
    .ul_process{
        li{
            border-left:1px solid #999;          
            margin-left:.39rem;
            position: relative;
            p{
                margin-bottom:.3rem;
                margin-left:.6rem;              
            }           
            p:nth-child(1){
                display: flex;               
                span{
                    display: block;
                    height:.6rem;
                    text-align: center;
                    line-height:.6rem;
                    font-size:.28rem;
                }
                span:nth-child(1){
                    width:2.1rem;                                        
                    color: #666;
                    background:#eaeaea;                   
                }
                span:nth-child(2){
                    width:.92rem;
                    color: white;
                    background:#00BF99;
                }
                span:nth-child(3){
                    width:1.58rem;
                    background:#feb605;
                    color: white;
                    margin-left:.08rem;
                }
            }
           p:nth-child(2){
               font-size:.36rem;
               color:#000;              
           }
        }
        li:nth-child(1){
              height:7.3rem;
           p:nth-child(3){
               width:6.3rem;
               height:5.5rem;
               img{
                   width:100%;
                   height:100%;
               }
           }
        }
        li:nth-child(2){
              height:4.8rem;
           p:nth-child(3){
               width:6.25rem;
               height:2.75rem;
               img{
                   width:100%;
                   height:100%;
               }
           }
        }
        li:nth-child(3){
              height:6.65rem;
           p:nth-child(3){
               width:6.3rem;
               height:4.7rem;
               img{
                   width:100%;
                   height:100%;
               }
           }
        }
    }
    .yuan{
        width:.45rem;
        height:.45rem;
      background:#39c893;
        border-radius: 50%;
        position: absolute;
        top:.1rem;
        left:-.23rem;
    }
    .xian{
        width:.47rem;
        height:.03rem;
        background:#39c893;
        position: absolute;
        top:.32rem;
        left:.12rem;
    }
}
.WenZi{
    width: 100%;
    height:2.45rem;
    border-bottom:.18rem solid #f4f4f4;
     font-size:.28rem;
     color: #000;
    p:nth-child(1){
        text-indent:2em;
        margin-top:.36rem;
    }
    p{
        margin-top:.24rem;
        width:96%;
        margin-left:.2rem;
    }
}
.S_footer{
    width: 100%;
    .ReX{
        width:3.8rem;
        display: flex;
        font-size:.28rem;
        color: #333;  
        margin-left:1.85rem;
        margin-top:.3rem;     
        .q{
            width:.32rem;
            height:.32rem;
            margin-right:.13rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #00BF99;
            .svg{
               font-size:.26rem;
               color:#00BF99;
            }
        }
    }
    .BanB{
        width: 100%;
        display: flex;
        justify-content: space-around;
        li{
            width:25%;
            font-size:.3rem;
            text-align: center;
            margin-top:.33rem;
        }
    }
    .DiBu{
        width: 100%;
        height:1.06rem;
        display: flex;
        position: relative;       
        background:rgba(0,0,0,0.6);
        align-items:center;
        justify-content: space-around;            
        li:nth-child(1){
            width:4.2rem;
            font-size:.32rem;
            color: #eed215;      
            margin-left:.35rem;  
            img{
                width: 100%;
                height:100%;
                margin-right:.1rem;
            }
        }
        li:nth-child(2){
            span{
                display: block;
                width:1.75rem;
                height:.5rem;               
                font-size:.24rem;
                background:#FEB605;
                border-radius:.2rem;
                text-align: center;
                line-height:.5rem;
                margin-left:.35rem; 
                a{
                    color: white;
                }
            }
        }
    }
       .X{ 
           position: absolute;
             width:.49rem;
              height:.49rem; 
              top:-0.4rem;
              left:0rem;        
            img{
              width:100%;
              height:100%; 
            }
        }
}